<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <title>新增提醒</title>
    <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../../template/website/css/app.css"/>
</head>
<body>
<div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1">
        <span class="am-text-danger">*</span>短信提醒：
    </div>
    <div class="am-u-sm-9 am-u-md-11">
        <div class="am-form-group">
            <label class="am-radio-inline" style="width:25%;">
                <input type="radio" name="issms" value="1" data-am-ucheck checked required/>是
            </label>
            <label class="am-radio-inline" style="width:25%;">
                <input type="radio" name="issms" value="0" data-am-ucheck/>否
            </label>
        </div>
    </div>
</div>

<div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1">
        <span class="am-text-danger">*</span>网页提醒：
    </div>
    <div class="am-u-sm-9 am-u-md-11">
        <div class="am-form-group">
            <label class="am-radio-inline" style="width:25%;">
                <input type="radio" name="ispage" value="1" data-am-ucheck checked required/>是
            </label>
            <label class="am-radio-inline" style="width:25%;">
                <input type="radio" name="ispage" value="0" data-am-ucheck/>否
            </label>
        </div>
    </div>
</div>

<div class="am-g am-g-collapse am-padding-horizontal-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1 am-padding-xs">
        <span class="am-text-danger">*</span>提醒日期：
    </div>
    <div class="am-u-sm-9 am-u-md-11">
        <p><input type="text" class="am-form-field" placeholder="选择提醒日期" id="remindDispDate" name="remindDispDate" data-am-datepicker readonly/></p>
    </div>
</div>


<div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1 am-padding-xs">
        <span class="am-text-danger">*</span>提醒时间：
    </div>
    <div class="am-u-sm-9 am-u-md-11">
        <select data-am-selected="{btnSize: 'sm',maxHeight: 200,searchBox: 1}" id="rmdHour" name="rmdHour">
        </select>
    </div>
</div>

<div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1 am-padding-xs">
        <span class="am-text-danger">*</span>保留天数：
    </div>
    <div class="am-u-sm-9 am-u-md-11 am-padding-xs">
        <div style="float: left;width: 50px;">
            <input class="am-form-field  am-input-sm" type="text" id="rmdRetainDays"
                   name="rmdRetainDays" maxlength="11" value="1"/>
        </div>
        <div style="float: left;margin-left: 5px;">
            <span>天</span>
        </div>
    </div>
</div>


<div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1 am-padding-xs">
        <span class="am-text-danger">*</span>提醒内容：
    </div>
    <div class="am-u-sm-9 am-u-md-11">
            <textarea class="am-form-field am-text-sm" maxlength="99" name="remindContent" id="remindContent"
                      placeholder="输入提醒内容,最多输入99个字符"
                      rows="5" style="resize: none;"></textarea>
    </div>
</div>

<div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-12 am-u-md-12">
        <button type="button" onclick="add_submit()" id="add_submit" class="am-btn am-btn-primary am-btn-block">提交
        </button>
    </div>
</div>


<!-- 提交成功模态框 -->
<input type="hidden" class="am-btn am-btn-primary" id="submit_success"
       data-am-modal="{target: '#my-alert', closeViaDimmer: 0, height: 125}"/>

<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提交成功
        </div>
        <div class="am-modal-bd">
            点击确定回到提醒列表
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" id="back_list" onclick="back_list()">确定</span>
        </div>
    </div>
</div>

<!-- 提交失败模态框 -->
<input type="hidden" class="am-btn am-btn-primary" id="submit_error"
       data-am-modal="{target: '#my_alert_error', closeViaDimmer: 0}"/>
<div class="am-modal am-modal-alert" tabindex="-1" id="my_alert_error">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提交失败</div>
        <div class="am-modal-bd" id="err_msg_info">
            点击确定回到提醒列表
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>





<!-- 提交中模态框 -->
<input type="hidden" class="am-btn am-btn-primary" id="submit_wite"
       data-am-modal="{target: '#my_alert_wite', closeViaDimmer: 0}"/>
<div class="am-modal am-modal-alert" tabindex="-1" id="my_alert_wite">
    <div class="am-modal-dialog" style="display: none;">
        <div class="am-modal-hd"></div>
        <div class="am-modal-bd" id="err_msg_wite">

        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" id="wite_close">确定</span>
        </div>
    </div>
</div>


<script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
<script type="text/javascript" src="../../../template/website/js/app.js"></script>
<script type="text/javascript" src="../../../template/website/js/goventerprise/esop/reminder.base.js"></script>
<script type="text/javascript" src="../../../template/website/js/goventerprise/esop/reminder_add.js"></script>
<link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
</body>
</html>